<?xml version="1.0" encoding="utf-8"?>

<div xmlns="http://www.w3.org/1999/xhtml" component="$UI/system/components/justep/window/window" xid="window" design="device:mobile">  
  <div component="$UI/system/components/justep/model/model" xid="model" onLoad="modelLoad" style="height:auto;left:249px;top:58px;"> 
    <div component="$UI/system/components/justep/data/data" autoLoad="true"
      xid="data" idColumn="id"> 
      <column label="ID" name="id" type="String" xid="default1"></column>
  <column label="房号" name="number" type="String" xid="default2"></column>
  <column label="姓名" name="name" type="String" xid="default4"></column>
  <column label="报修内容" name="content" type="String" xid="default5"></column>
  <column label="备注" name="remark" type="String" xid="xid1"></column>
  <column label="状态" name="state" type="String" xid="xid2"></column>
  <data xid="default3">[{&quot;id&quot;:&quot;1&quot;,&quot;number&quot;:&quot;201&quot;,&quot;payDate&quot;:&quot;2015/10/1 &quot;,&quot;project&quot;:&quot;试试看&quot;}]</data>
  <column label="维修人员" name="serviceman" type="String" xid="xid3"></column>
  <column label="上门时间" name="servicetime" type="Date" xid="xid4"></column>
  <column label="处理结果" name="result" type="String" xid="xid5"></column></div> 
  </div>  
  <span component="$UI/system/components/justep/windowReceiver/windowReceiver"
    xid="windowReceiver" style="left:72px;top:28px;"/>  
  <span component="$UI/system/components/justep/windowDialog/windowDialog" xid="windowDialog1"></span><div component="$UI/system/components/justep/panel/panel" class="x-panel x-full"> 
    <div class="x-panel-top"> 
      <div component="$UI/system/components/justep/titleBar/titleBar" class="x-titlebar"> 
        <div class="x-titlebar-left x-titlebar-title"> 
          <a component="$UI/system/components/justep/button/button" label=""
            class="btn btn-link btn-only-icon" icon="icon-chevron-left" onClick="backBtnClick"
            xid="backBtn"> 
            <i class="icon-chevron-left"/> 报修查询
          </a> 
          <div class="x-titlebar-right">
	  			<a component="$UI/system/components/justep/button/button" class="btn btn-default" label="button" xid="button3" style="background:none;border:none;float:right;margin-right:10px;font-size:16px;">
	   				更多
	  			</a>
  			</div>
        </div> 
      </div> 
    </div>  
    <div class="x-panel-content"> 
      <div component="$UI/system/components/justep/list/list" class="x-list"
        data="data" xid="list1"> 
        <!-- 使用Bootstrap样式定义表格 -->  
        <table component="$UI/system/components/bootstrap/table/table" class="table table-bordered table-hover table-striped"> 
          <thead xid="thead1"> 
            <tr xid="tr1"> 
              <th xid="col1" bind-text="data.label('number')"/>  
              <th xid="col2" bind-text="data.label('payDate')"/> 
              <th xid="col3" bind-text="data.label('project')"/> 
              <th xid="col4" bind-text="data.label('sum')"/> 
              <th xid="col5" bind-text="data.label('state')"/> 
            </tr> 
          </thead>  
          <tbody class="x-list-template" xid="listTemplate1"> 
            <tr xid="tr2" bind-click="queryClick"> 
              <td xid="td1" bind-text="ref('number')"/>  
              <td xid="td2" bind-text="ref('payDate')"/> 
              <td xid="td2" bind-text="ref('project')"/> 
              <td xid="td2" bind-text="ref('sum')"/> 
              <td xid="td2" bind-text="ref('state')"/> 
            </tr> 
          </tbody> 
        </table> 
      </div> 
    </div> 
  </div> 
</div>
